/* pages/hand/hand.wxss */
/* pages/visit/visit.wxss */
.container {
  width: 100vw;
  height: 100vh;

  .navigation-bar {
    width: 100%;
    height: 96rpx;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4rpx 16rpx 0 rgba(0, 0, 0, 0.02);
    gap: 24rpx;
    .tabs {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      gap: 48rpx;
      .tab-item {
        font-size: 32rpx;
        color: #666;
        &.active {
          background-image: linear-gradient(to top, #58DA73, #58DA73);
          background-size: 80% 6rpx;
          background-position: 50% 100%;
          background-repeat: no-repeat;
          color: #222;
        }
      }
    }
  }

  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f6f8f9;
    height: calc(100vh - 96rpx);
    box-sizing: border-box;
    padding-bottom: 128rpx;
    .icon-empty {
      width: 320rpx;
      height: 320rpx;
    }

    .tip-text {
      color: #666;
      font-size: 32rpx;
      margin: 32rpx 0;
    }
  }
}